<style type="text/css">
    .menuLoadingLayer{ display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:#8d8d8d; background:rgba(0,0,0,.6);}
    .menuLoadingLayer .loading{ position:absolute; top:50%; left:50%; width:160px; height:60px; margin:-30px 0 0 -80px; text-align:center; line-height:60px; color:#fff; border:1px solid #979797; border-radius:2px; background:#cfcfcf; background:rgba(0,0,0,0.4);}
    .menuLoadingLayer .loading .fa{ font-size:16px; margin-right:4px;}
    #welcome_loading{ z-index:1000;}
    .welReplyImageBox{ margin-bottom:15px;}
    .welReplyImageBox .control-label{ float:left; padding-left:20px;}
    .welReplyImageBox .panel-body{ padding:28px 0 0 15px;}
    .form-group .tip{ display:inline-block; height:32px; line-height:32px; padding:0; color:#bdbdbd}
    #welReplyWrap .col-sm-9{ padding-right:8px}
    #welReplyWrap .sformInp.error{ border-color:red}
    #welReplyWrap .form-group .tip.error{ color:red}
</style>
<!--this.src='http://www.12301.cc/wx_public/images/nopic.jpg'; this.title='图片未找到.'-->
<script id="welReplyImageBoxTpl" type="text/template">
<div class="welReplyImageBox panel panel-default">
    <div class="panel-heading">
        <span class="t">图文消息回复</span>
        <a style="float:right" class="removeBtn" href="javascript:void(0)"><span class="rt">删除</span></a>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label class="control-label">标题</label>
            <div class="col-sm-9">
                <input id="" value="<%=title%>" type="text" data-verify="require" class="form-control sformInp reply_welcome_imgtxt_tit" placeholder="添加图文消息的标题" name="title"/>
            </div>
            <span class="tip col-sm-2">必填</span>
        </div>
        <div class="form-group">
            <label class="control-label">封面</label>
            <div class="col-sm-9">
                <div class="input-group ">
                    <input id="" data-verify="require" type="text" name="thumb" value="<%=picUrlInp%>" class="showimgPathInp sformInp form-control">
                    <span class="input-group-btn">
                        <button id="" class="btn btn-default openDialogBtn" type="button">选择图片</button>
                    </span>
                </div>
                <div id="uploadResultCon" class="input-group " style="margin-top:.5em;">
                    <img src="<%=picUrl%>" onerror="" class="img-responsive img-thumbnail" width="150">
                </div>
                <div id="uploadFailTip" class="uploadFailTip">
                    <p class="p p1">*上传图片失败</p>
                    <p class="p p2">请确保所上传的图片大小不超过限制尺寸大小</p>
                    <p class="p p3">由于上传图片受网络环境影响较，若上传失败，请重试几次</p>
                </div>
                <div class="uploadTip"><label>封面（大图片建议尺寸：360像素 * 200像素）</label></div>
            </div>
            <span class="tip col-sm-2">必填</span>
        </div>
        <div class="form-group">
            <label class="control-label">摘要</label>
            <div class="col-sm-9">
                <input type="text" id="" data-verify="require" value="<%=digest%>" class="sformInp form-control reply_welcome_imgtxt_digest" placeholder="图文消息的摘要(简短描述)" name="digest">
                <div class="help-block">
                    图文消息的摘要(简短描述)
                </div>
            </div>
            <span class="tip col-sm-2">必填</span>
        </div>
        <div class="form-group">
            <label class="control-label">来源</label>
            <div class="col-sm-9">
                <input type="text" id="" data-verify="require" class="sformInp form-control reply_welcome_imgtxt_ourl" value="<%=url%>" placeholder="图文消息的来源地址" name="url">
                <div class="help-block">
                    点击消息跳转的地址
                </div>
            </div>
            <span class="tip col-sm-2">必填</span>
        </div>
    </div>
</div>
</script>